<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <!-- 

        表单：用来收集用户信息的

     -->

    <!-- 
        action 后端提供的接口地址
            用户填写用户名手机号密码等信息，提交给后端，后端再把数据存入数据库
        method 方法   提交数据的方法   get获取   post发送
            获取数据    百度搜索字段的时候，会出现一些想要的结果(获取到数据的过程)
            发送数据    用户填写用户名手机号密码等信息，发送给后端(发送数据的过程)
        
        get可以获取少量的数据，post可以获取大量的数据      
        get的效率比较高，但是安全性比较低；post效率比较低一点，但是安全性更高    post

        一般数据就是做  增删改查
            查询   get
            增，删除，修改  post

        最终  是后端说用什么就什么

     -->
    <form action="提交的地址" method="get/post">

        <!-- 单行输入框 -->
        <input type="text">

        <!-- password 密码框 -->
        <input type="password">

        <!-- file 文件上传 -->
        <input type="file">


        <!-- radio 单选按钮    使用的时候，name的值必须是一样的 -->
        <p>性别：</p>
        <input type="radio" name="sex">男
        <input type="radio" name="sex">女
        <input type="radio" name="sex">人妖


        <!-- checkbox  多选框 -->
        <p>爱好：</p>
        <input type="checkbox">吃饭
        <input type="checkbox">睡觉
        <input type="checkbox">撸代码


        <p>文本域</p>
        <!-- textarea  文本域   多行输入 -->
        <textarea></textarea>


        <p>下拉框</p>
        <!-- 下拉框 -->
        <select name="" id="">
            <option value="">武汉</option>
            <option value="">孝感</option>
            <option value="">黄冈</option>
        </select>


        <p>提交</p>
        <!-- 
            button 普通按钮   没有什么功能
            reset  重置      清空表单
            submit 提交      提交数据的
         -->
        <input type="button" value="确定">
        <input type="reset" value="重置">
        <input type="submit" value="提交">


    </form>
    
</body>
</html>